﻿/*RESET*/
body,nav,section,aside,header,aritcle,footer,h1,h2,p,img,ul,li,a,button,form,input
{
    margin:0;
    padding:0;
    border:0;
}

#wrapper
{
    font-family:verdana,helvetica,Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    background-color:#F1F1F1;
    border:1px solid black;
    width:860px;
    margin:0 auto;
    padding:2px;
    overflow:auto;
}

a
{
    color:#981D1B;
    
}
    a:hover
    {
        text-decoration:none;
        font-weight:bold;
    }

ul
{
    list-style-type:none;
}

    #main_nav
    {
        float:left;
        width:140px;
        margin-right:15px;
    }
    
        nav h1
        {
            font-size:13px;
            padding-top:20px;
            padding-left:18px;
            background-image:url("../images/home_icon.png");
            background-repeat:no-repeat;
            background-position:0 18px;
        }
        
        nav ul.nav_links_conteiners
        {
            margin-top:15px;
        }
    
        nav a.primary_links
        {
            font-weight:bold;
            text-decoration:none;
        }
        
        nav ul li ul li a
        {
            color:Black;
            text-decoration:none;
        }
    
    #main_content
    {
        background-color:White;
        border:1px solid black;
        float:left;
        width:520px;
        padding:20px 5px 30px;
    }
    
        section article
        {
            
            padding-bottom:12px;
        }
    
        section header h2
        {
            font-size:18px;
            margin-bottom:12px;
        }
        
        section article h2,aside h2
        {
            font-size:14px;
            color:White;
            background-color:#808080;
            margin-bottom:18px;
        }
        
        section article p
        {
            margin-bottom:10px;
        }
        
        section article img
        {
            float:left;
            margin:0 10px 25px 0;
            display:inline-block;
            line-height:125px;
        }
        
        hr
        {
           margin-top:0;
        }
        
        li.buttons 
        {
            display:inline-block;
            border:1px solid black;
            width:100px;
            line-height:18px;
            margin-bottom:6px;
            text-align:center;
        }
        
        li.buttons.prev a
        {
            display:block;
            background-image:url("../images/arrow_button_prev_sprite.png");
            background-repeat:no-repeat;
            background-position:5px -19px;
        }
        
        li.buttons.next a
        {
            display:block;
            background-image:url("../images/arrow_button_next_sprite.png");
            background-repeat:no-repeat;
            background-position:93px -19px;
        }
            li.buttons a
            {
                color:Black;
                text-decoration:none;
            }
            
            li.buttons.prev a:hover 
            {
                font-weight:normal;
                color:red;
                background-position:5px 5px;
            }
            
            li.buttons.next a:hover 
            {
                font-weight:normal;
                color:red;
                background-position:93px 5px;
            }
            
    aside
    {
        float:left;
        width:170px;
        margin-left:2px;
    }
    
        .search
        {
            width:100px;
            height:18px;
        }
        .searchBtn
        {
            width:18px;
            height:17px;
            background-image:url("../images/search_btn.png");
        }
        
            .searchBtn:hover
            {
                background-image:url("../images/search_btn_hover.png");
            }
    
        aside h2
        {
            margin:0;
        }
    
        aside li.box,ul.box
        {
            background-color:White;
            border:1px solid #000;
            padding:3px 0 3px 0;
            text-align:center;
            margin-bottom:2px;
        }

.clearfix
{
    zoom:1;
}

.clearfix:after,wrapper:after,article:after
{
    content:"";
    display:block;
    clear:both;
    height:0;
}